<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>学生信息</title>
    <link rel="stylesheet" href="../../static/lib/bootstrap-3.3.5-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../../static/css/stuInfor.css">
    <link rel="stylesheet" href="../../static/font/iconfont.css">
</head>
<body>
    <!-- 内容区域 -->
    <div class="stuInfor_content container-fluid">
       <div class="row">
            <!-- 搜索学生栏 -->
            <div class="row">
                <div class="stuInfor_searchBar col-md-12 col-lg-12">
                    <span>班级：</span>
                    <select name="" id="stuInfor_selectClass">
                        <option class="stuInfor_searchOption" value="all">全部</option>
                    </select>
                   
                    <input type="text" class="stuInfor_inputText" placeholder="输入学生名称或学号进行查询" value='' id="studentInput" name="">
                    <span class="searchStu">  
                        <i class="iconfont icon-icon09"></i> 
                        搜索学生
                    </span>
                </div>
            </div>
            <!-- 批量删除及添加学生 -->
            <div class="row">
                <!-- 批量删除及添加学生按钮 -->
                <div class="stuInfor_delateAdd col-md-3 col-lg-3">
                    <button type="button" class="stuInfo_delateBtn iconfont icon-shanchu btn btn-danger" data-toggle="modal" data-target="#stuInfor_delateAllStuModal">批量删除</button>
                    <button type="button" class="stuInfo_addBtn iconfont icon-icon-test btn btn-info" data-toggle="modal" data-target="#stuInfor_addStuModal">添加学生</button>
                </div>
                <div class="col-md-6 col-lg-6"></div>
                <!-- 显示学生总数 -->
                <div class="stuInfor_stuNumber col-md-3 col-lg-3">
                    <span class="stuInfor_stuNumberSpan">共有数据：<strong class="stuInfor__stuNumberStrong"></strong> 条</span>
                    <div id="export">导出</div>
                </div>

            </div>
            <!-- 显示学生基本信息 -->
            <div class="row">
                <div class="stuInfor_table col-md-12 col-lg-12">
                    <table id="stuInfor_mytable" class="table table-hover table-bordered table-striped">
                        <thead id="stuInfor_thead">
                            <tr>
    
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
            </div>
            <!-- 显示页数 -->
            <div class="stuInfor_pages row">
                <div class="stuInfor_pageNumCounts col-lg-12">
                    <button class="stuInfor_btnComm">上一页</button>
                    <div id="stuInfor_pageNum"></div>
                    <button class="stuInfor_btnComm">下一页</button>
                </div>
        </div>
       </div>
        <!-- 导出数据 -->
        <div id="exportTable">
            <div class="col-md-12 col-lg-12">
                <table id="stuInfor_exportTable" class="table table-hover table-bordered table-striped">
                    <thead id="stuInfor_exportThead">
                    <tr>
                    </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>
    <script src="../../static/lib/bootstrap-3.3.5-dist/js/jquery-1.11.3.js"></script>
    <script src="../../static/lib/bootstrap-3.3.5-dist/js/bootstrap.js"></script>
    <script src="../../static/js/DATE_index.js"></script>
    <script src="../../static/lib/date/laydate.dev.js"></script>
    <script src="../../static/lib/jquery-table2excel-master/src/jquery.table2excel.js"></script>
    <script src="../../static/js/stuInfor.js"></script>
</body>
</html>